﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>Time Record</title>
    <link rel="stylesheet" href="bluetrip/screen.css" type="text/css" media="screen, projection" />
    <link rel="stylesheet" href="bluetrip/print.css" type="text/css" media="print" />
    <!--[if IE]>
        <link rel="stylesheet" href="bluetrip/ie.css" type="text/css" media="screen, projection" />
    <![endif]-->
    <link rel="stylesheet" href="bluetrip/style.css" type="text/css" media="screen, projection" />
</head>
<body>
    <div class='container showgrid'>
        <div class='span-11 colborder'>
            <h1 class='fancy'>
                Main title</h1>
            <p>
                This line is supposed to look big and bright!!!</p>
        </div>
        <div class='span-12 last'>
            <h2 class='fancy'>
                Sub title</h2>
            <h1>
            Where should this be???</h1>
        </div>
        <div class='span-6'>
            <h3 class='caps'>
                Column 1</h3>
        </div>
        <div class='span-6'>
            <h3 class='caps'>
                Column 2</h3>
        </div>
        <div class='span-6'>
            <h3 class='caps'>
                Column 3</h3>
        </div>
        <div class='span-6 last'>
            <h3 class='caps'>
                Column 4</h3>
        </div>
    </div>
</body>
</html>
